@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

body {
  background-image: url('../images/starry_sky.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Courier New";
  font-weight: 550;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
.me_image { max-width: 90vh; min-height: auto; }

.img_of_the_hidden_leaf { max-width: 90vh; min-height: auto; z-index: 10; }

.noscript_img { max-width: 90vh; min-height: auto; }

.blog-image { max-width: 90vh; min-height: auto; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .me_image { max-width: 90vh; min-height: auto; }

  .img_of_the_hidden_leaf { max-width: 90vh; min-height: auto; z-index: 10; }

  .noscript_img { max-width: 90vh; min-height: auto; }

  .blog-image { max-width: 90vh; min-height: auto; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .me_image { max-width: 350px; min-height: auto; }

  .img_of_the_hidden_leaf { max-width: 200px; min-height: auto; z-index: 10; }

  .noscript_img { max-width: 250px; min-height: auto; }

  .blog-image { max-width: 200px; min-height: auto; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .me_image { max-width: 350px; min-height: auto; }

  .img_of_the_hidden_leaf { max-width: 200px; min-height: auto; z-index: 10; }

  .noscript_img { max-width: 250px; min-height: auto; }

  .blog-image { max-width: 200px; min-height: auto; }

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .me_image { max-width: 350px; min-height: auto; }

  .img_of_the_hidden_leaf { max-width: 200px; min-height: auto; z-index: 10; }

  .noscript_img { max-width: 250px; min-height: auto; }

  .blog-image { max-width: 200px; min-height: auto; }

}


.border-active {
  border: 3px dashed #cec0fc;
  cursor: pointer;
}
.border-active.red {
  border: 3px dashed #C7506B;
}
.border-active.orange {
  border: 3px dashed #E6974E;
}
.border-active.yellow {
  border: 3px dashed #fff396;
}
.border-active.green {
  border: 3px dashed #ccffe5;
}
.border-active.blue {
  border: 3px dashed #86c7e3;
}
.border-active.indigo {
  border: 3px dashed #4E4EE6;
}
.border-active.violet {
  border: 3px dashed #6A3ABD;
}

div { padding: 20px; }

#quote { z-index: 2; }

#me_img_div { z-index: 1; }

th, td { padding: 15px; }

a { color: black; }

.readability { background: white; padding: 60px 100px 60px 100px; }

#sketchpad {
  border: #cec0fc 3px solid;
  background: white;
  cursor: url("../images/you/brush.png"), url("../images/you/eraser.png"), default;
}

.palette { border: black 1px solid; background: white;}

.blackcurrant { }

#palettes { padding: 5px; overflow-x:scroll; overflow-y:scroll;}

/*# sourceMappingURL=styles.css.map */